<script setup>
import { imgUrl } from '@/utils/global'
import { defineProps } from 'vue'

const props = defineProps({
  data: {
    type: Array,
    default: [],
  },
})
</script>

<template>
  <view class="shop-content">
    <view class="shop-item" v-for="index in data.length" :key="`shop-item-${index}`">
      <view class="shop-hot" v-if="index < 4">
        <text>热门推荐</text>
      </view>
      <image :src="imgUrl('/static/img/imgs/sell-item.png')" mode="aspectFill"></image>
      <text class="shop-title">父母高级双人套餐</text>
      <text class="shop-subtitle">覆盖中老年必查项目</text>
      <view class="shop-tag">
        <view class="tag-item">
          <text>组合特惠</text>
        </view>
        <view class="tag-item">
          <text>含两份体检</text>
        </view>
      </view>
      <view class="shop-info">
        <text>销量: 67</text>
        <view>
          <text>￥185</text>
          <text>￥79</text>
        </view>
      </view>
    </view>
  </view>
</template>

<style src="./style.scss" scoped />
